<table id="menu_tab" style="width: 100%; height: 100%"></table>
<div id="mm" class="easyui-menu" style="width: 120px;">
	<div onclick="append()" data-options="iconCls:'icon-add'">Append</div>
	<div onclick="removeIt()" data-options="iconCls:'icon-remove'">Remove</div>
	<div class="menu-sep"></div>
	<div onclick="collapse()">Collapse</div>
	<div onclick="expand()">Expand</div>
</div>
<script>
	var URL = {
		searchUrl : '/module/list'//列表查询url
	};
	$(function() {
		$('#menu_tab').treegrid({
			url : URL.searchUrl,
			rownumbers : true,
			animate : true,
			collapsible : true,
			fitColumns : true,
			method : 'get',
			idField : 'id',
			treeField : 'name',
			onContextMenu : onContextMenu,
			columns : [ [ {
				title : '模块名称',
				field : 'name',
				width : 180
			}, {
				field : 'url地址',
				title : 'url',
				width : 60,
				align : 'right'
			}, {
				field : '图案',
				title : 'iconUrl',
				width : 80
			}, {
				field : '是否启用',
				title : 'isAvaliable',
				width : 80
			} ] ]
		});
	});

	function onContextMenu(e, row) {
		if (row) {
			e.preventDefault();
			$(this).treegrid('select', row.id);
			$('#mm').menu('show', {
				left : e.pageX,
				top : e.pageY
			});
		}
	}
</script>